<template>
  <div>
    <el-breadcrumb separator="/" class="title">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item><a href="/">{{fatherName}}</a></el-breadcrumb-item>
      <el-breadcrumb-item>{{childName}}</el-breadcrumb-item>
    </el-breadcrumb>
    <hr>
    <h3>{{childName}}</h3>
  </div>
</template>

<script>
export default {
  props:['childName','fatherName'],
  name: "commonHead",
  data(){
    return {
    }
  }
}
</script>

<style scoped>
  .title{
    height: 38px;
    font-size: 16px;
    line-height: 38px;
  }
</style>
